<!--一个文件以vue结尾的时候，我们称其为单文件组件，实际上里面放的就是一个组件-->

<template>
  <div id="app">
    <!--这个作用就是缓存，不会切换路由就去请求一次-->
    <!--exclude 就是 Detail这个组件不会被缓存-->
    <keep-alive exclude="Detail">
      <!--显示的是当前路由地址所对应的内容、组件-->
      <!--定义好的组件去 router/index.js 这里去找-->
      <router-view/>
    </keep-alive>

  </div>
</template>

<script>

  export default {
    name: 'App'
  }

</script>

<style>

</style>
